<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>test this</title>
<style type="text/css">
.bd {
padding: 10px;
position: absolute;
left:100px;
top:100px;
border: 1px solid #B3B3B3;
margin:50px 0 0 50px;
border-radius:5px ;
line-height: 22px;
*height: 1%;
width: 350px;
}
.bd s{
position:absolute;
top:-20px;
left:50px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #888 transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.bd i{
position:absolute;
top:-9px;
left:-10px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #fff transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.bd input{
width:300px;
height:20px;
}

</style>
</head>
<body>
<div class="bd">
<s><i></i></s>
(separate multiple resources name with commas)
<input type="text" width="300"/><br />
这是框中的文字，可动态显示。高度自动增加，应该不错吧^_^<a href=”www.lanfeng.net”>www.lanfeng.net</a>
</div>
</body>
</html>